<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<h:outputStylesheet name="css/estilo.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>FAPES - Ferramento de Apoio a Planejamento de Estudos Experimentais</title>
	<style>
body 
{
	font-size: 12px;
}
</style>

</h:head>
<h:body>
	<f:view locale="#{i18N.locale}">
		<div id="header">

			<h:panelGrid columns="2" cellpadding="0" cellspacing="0"
				columnClasses="img,lang" width="100%">
				<h:graphicImage name="img/header_uni.jpg" />
				<h:panelGrid columns="1">
					<h:outputText value="BASILI" id="sist" />
					<h:outputText value="#{msgs.labelSistema}" />
				</h:panelGrid>
			</h:panelGrid>

			<h:form>
				<p:menubar autoDisplay="false">
					<p:submenu label="Arquivo">
						<p:submenu label="Novo">
							<p:menuitem value="Nova Pesquisa"
								action="#{menuController.pageHome}"
								icon="ui-icon-minus" />
						</p:submenu>
						<p:menuitem value="Abrir" action="#{menuController.pageBusca}" />
						<p:menuitem value="Sair" action="#{loginBean.logout}" ajax="false" />
					</p:submenu>

					<p:submenu label="Cadastros">
						<p:menuitem value="#{msgs.researcher}"
							action="#{menuController.pageResearcherRegister}" />
					</p:submenu>

					<p:menuitem value="Exportações" url="#" />

				</p:menubar>
			</h:form>
		</div>

		<p:panel header="Fases do Estudo">
			<h:form id="formGeral">

				<p:growl id="growl" sticky="false" showDetail="true" />

				<p:tabView>

					<p:tab id="Identification" title="#{msgs.Identificacao}">

						<ui:include src="identification.xhtml" />

					</p:tab>

					<p:tab id="Characterization" title="#{msgs.caracterizacao}">

						<ui:include src="characterization.xhtml" />

					</p:tab>

					<p:tab id="Introduction" title="#{msgs.introducao}">

						<ui:include src="introduction.xhtml" />

					</p:tab>

					<p:tab id="Definition" title="#{msgs.definicao}">

						<ui:include src="definition.xhtml" />

					</p:tab>

					<p:tab id="Planning" title="#{msgs.planejamento}">

						<ui:include src="planning.xhtml" />

					</p:tab>

					<p:tab id="CostPlanning" title="#{msgs.custoDoPlanejamento}">

						<ui:include src="costplanning.xhtml" />
						
						<br/>
						
						<p:commandButton actionListener="#{protocolMB.save}" value="#{msgs.salvar}" ajax="false"/>
					</p:tab>
				</p:tabView>

			</h:form>
		</p:panel>


		<div id="footer">
			<h:form>
				<p:panel>
					<h:panelGrid columns="2" cellpadding="0" cellspacing="0"
						rendered="#{i18N.bIngles}" width="100%" rowClasses="lang"
						columnClasses=" ,bandeira">
						<h:commandButton id="en" title="inglês"
							image="../resources/img/usa.png" action="#{i18N.changLangEn}" />
						<h:commandLink value="English" action="#{i18N.changLangEn}" />
					</h:panelGrid>

					<h:panelGrid columns="2" cellpadding="0" cellspacing="0"
						rendered="#{i18N.bPortugues}" width="100%" rowClasses="lang"
						columnClasses=" ,bandeira">
						<h:commandButton id="pt" title="português"
							image="../resources/img/brasil.png" action="#{i18N.changLangPt}" />
						<h:commandLink value="Português" action="#{i18N.changLangPt}" />
					</h:panelGrid>
				</p:panel>
			</h:form>
		</div>
	</f:view>
</h:body>
</html>